
body{
    background-color: #f4f4f4;
}
.head{
    height: 40px;
    background-color: black;
    line-height: 40px;
}
.head .center span{
    color: white;
}
.head .center .fr span a{
    color: #ff9c00;
}
/* 导航栏 */
.navigation{
    height: 115px;
    box-shadow: 0px 1px 5px 1px 
		rgba(0, 0, 0, 0.1);
}
.navigation .box{
    width: 169px;
	height: 88px;
    background-color: black;
    margin: 14px 103px 0px 28px;
}
.navigation .center .fl_top{
    margin-top:25px;
}
.navigation input:nth-child(1){
    width: 430px;
	height: 35px;
    border: 2px #feb80f solid;
    outline: none;
}
.navigation .center input:nth-child(2){
	height: 35px;
    border: 2px #feb80f solid;
    background-color: #feb80f ;
    background-size: auto;
    margin-right: 13px;
}
.navigation .center .fl span{
    width: 130px;
	height: 35px;
    display: inline-block;
    border: 1px solid #dadada;
    border-radius:5px ;
    margin-left: 17px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
}
.navigation .center .fl span:nth-child(3){
    color: #feb80f;
}
.navigation .center .fl span:nth-child(3) img{
    height: 20px;
}
.navigation .center .fl span:nth-child(4){
    color: #dadada;
}
.navigation .center .fl ul li{
    float: left;
    margin-right: 29px;
    font-size: 16px;
	font-weight: bold;
    color: #9f9f9f;
}
.navigation .center .fl ul{
    width: 870px;
	height: 20px;
    margin-top: 20px;
}
.navigation .center .fl ul li:nth-child(1){
    color: #feb80f;
}
/* 轮播部分 */

.slideshow{
    height: 451px;
    background-image: linear-gradient(to left,#343ecd,#530294);
    margin-top: 25px;
}
.slideshow .center{
    position: relative;
}
.slideshow .center>ul:nth-child(1){
    width: 230px;
    height: 451px;
    background-color: #aa81ca;
    box-sizing: border-box;
    padding: 28px 0px 0px 30px;
    position: absolute;
    z-index: 800;
}
.slideshow .center>ul>li>p:nth-child(1):hover{
    position: relative;
    z-index: 20;
    background-color: #aa81ca;
}
.slideshow .center>ul>li>div{
    width: 500px;
    height: 447px;
    background-color: white;
    position: absolute;
    top: 0px;
    left: 228px;
    color: black;
    border: 2px solid rgb(94, 94, 94);
    display: none;
}
.slideshow .center>ul:nth-child(1) li:hover div{
    z-index: 10;
    display: block;
}
.slideshow .center>ul:nth-child(1) li{
    /* width: 180px; */
    height: 28px;
    line-height: 28px;
    font-size: 14px;
	font-weight: bold;
	color: #ffffff;
    border: 2px solid transparent;

}
.slideshow .center>ul:nth-child(1) li:hover{
    border: 2px solid rgb(94, 94, 94);
    
    border-right:transparent ;
}
.slideshow .center>ul:nth-child(1) li span:nth-child(-n+2){
     margin-right: 15px;
}
.slideshow .center>ul:nth-child(1) li span:nth-child(4){
     float: right;
}
/* 手机介绍 */
.cellphone .center ul li{
    float: left;
    margin-top: 20px;
}
.cellphone .center ul li:nth-child(-n+3){
    margin-right: 20px;
}
.cellphone .center ul li img{
    width: 285px;
	height: 154px;
}
/* 新人礼包 */
.newGiftBag .center img{
    width: 1200px;
    margin-top: 25px;
}
/* 倒计时 */
.count{
    margin-top: 30px;
}
.count .center .bjdjs{
    width: 228px;
	height: 285px;
    background: url(../imgs/4a15d8883775742e3efbb850ae14def7.png) no-repeat;
    background-size:228px 285px;
    color: #ffffff;
    text-align: center;
}
.count .center .bjdjs p:nth-child(1){
    height: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
    margin-top: 40px;
}
.count .center .bjdjs p:nth-child(2){
    margin-top:95px ;
    height: 17px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.count .center .bjdjs p:nth-child(3) span:nth-child(even){
    display: inline-block;
    width: 35px;
	height: 45px;
    font-size: 24px;
    line-height: 45px;
	font-weight: bold;
	color: #ffffff;
    margin-top: 25px;
}
.count .center .bjdjs p:nth-child(3) span:nth-child(odd){
    display: inline-block;
    width: 40px;
	height: 45px;
    background-color: #666666;
    font-size: 24px;
    line-height: 45px;
    color: #ffffff;
}
.slider_four_in_line div p span:nth-child(1){
    display: block;
    width: 127px;
	height: 17px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #666666;
    margin-bottom: 10px;
}
.slider_four_in_line div p span:nth-child(2){
    display:block;
    width: 67px;
	height: 14px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	color: #ff0000;
    text-indent: 2ex !important;
    margin-right: 15px;
}
.slider_four_in_line div p span:nth-child(3){
    display:block;
    width: 52px;
	height: 10px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #b2b2b2;
    text-indent: 2ex !important;
}
/* 好货推荐 */
.recommend{
    background-color: white;
    overflow: hidden;
    margin-top: 55px;
}
.recommend .center .box_recommend span:nth-child(odd){
display: inline-block;
background-image: url(../imgs/sprite.png);
background-size: 80px;
width: 40px;
height: 32px;
}
.recommend .center .box_recommend span:nth-child(3){
    background-position: 40px 0px;
}
.recommend .center .box_recommend{
    width: 292px;
    margin: 66px auto;
}
.recommend .center .box_recommend span:nth-child(2){
	font-size: 30px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
    margin: 0px 10px 0px 10px;
}
.recommend .center .box_fl{
    padding: 30px 25px 0px 25px;
    width: 585px;
	height: 410px;
    box-sizing: border-box;
}
.recommend .center .box_fl{
    background-color: #ffdbdb;
    margin-bottom: 70px;
}
.recommend .center .box_fl p:nth-child(1) span{
    font-size: 26px;
	font-weight: bold;
}
.recommend .center .box_fl p:nth-child(1) span:nth-child(1){	
	font-style: italic;
	color: #ff72fd;
    margin-right: 15px;
}
.recommend .center .box_fl p:nth-child(1) span:nth-child(2){
	font-weight: bold;
	color: #333333;
}
.recommend .center .box_fl p:nth-child(2){
    margin: 16px 0px 29px 0px;
    font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #9f9f9f;
}
.recommend .center .box_fl p:nth-child(3) span{
    text-align: center;
    display: inline-block;
    width: 165px;
	height: 250px;
}
.recommend .center .box_fl p:nth-child(3) .box_tu1{
    background: url(../imgs/ias_6d7316e5-63ca-4aa9-9a86-70e940832947_570x273_90.jpg) no-repeat;
    background-position: -355px 0px;
}
.recommend .center .box_fl p:nth-child(3) .box_tu2{
    background: url(../imgs/ias_156818673613567_570x273_90.jpg) no-repeat;
    background-position: -290px 0px;
    margin: 0px 16px;
}
.recommend .center .box_fl p:nth-child(3) .box_tu3{
    background:url(../imgs/ias_10102c65-5e65-4aad-b9d8-e2f6cc39c6c7_570x273_90.jpg) no-repeat;
    background-position: -325px 0px;
}
.recommend .center .box_fl p:nth-child(3) span>span{
    margin-top: 180px;
    width: 140px;
	height: 55px;
    font-family: MicrosoftYaHei;
	font-size: 26px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
    background-color: rgb(247, 247, 247,0.6);
    border: 1px solid white;
    text-align: center;
    line-height: 55px;
}
.recommend .center .box_fl:nth-child(3){
    background-color: #acd0ff;
}
.recommend .center .box_fl:nth-child(3) p:nth-child(3) .box_tu1{
    background: url(../imgs/ias_156713250554849_570x273_90.jpg) no-repeat;
    background-position: -270px 0px;
}
.recommend .center .box_fl:nth-child(3) p:nth-child(3) .box_tu2{
    background: url(../imgs/ias_b670dfd5-996e-4a4a-8bef-4322c630ec72_570x273_90.jpg) no-repeat;
    background-position: -260px 0px;
}
.recommend .center .box_fl:nth-child(3) p:nth-child(3) .box_tu3{
    background: url(../imgs/ias_156859683654904_570x273_90.jpg) no-repeat;
    background-position: -255px 0px;
}
/* 服装区1 */
.clothing .center .clothing_bottm .xxk:nth-child(n+3){
    display: none;
}
.clothing{
    margin-top: 40px;
}
.clothing .center .triangle{
    width: 0;
    height: 0;
    border-left: 156px solid #ffdb0d;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #ffdb0d;
    position: relative;
}
.clothing .center .triangle span{
    width: 100px;
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #ffffff;
    position: absolute;
    top: 6px;
    left: -135px;
}
.clothing .center .quadrangle{
    transform: skewX(45deg);
    width: 5px;
    height: 35px;
    background-color: #ffdb0d;
}
.clothing .center .fr a{
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	color: #808080;
    margin-left: 20px;
    position: relative;
}
.clothing .center .fr a:hover{
    color: #ffbd0d;
}
.clothing .center .fr>a:hover::after{
    content: '';
    display: block;
    width: 60%;
    height: 5px;
    background-color: #ffbd0d;
    position: absolute;
    top:20px;
    left: 50%;
    transform: translateX(-50%);
}
.clothing .center .clothing_bottm .fl>div:nth-child(1){
    width: 260px;
    height: 330px;
    background: url(../imgs/156827434700871618.jpg) no-repeat;
    background-size: 260px;
    background-position: 0px -60px;
    overflow: hidden;
}
.clothing .center .clothing_bottm .fl>div:nth-child(1) span{
    display: block;
    width: 220px;
	height: 65px;
	background-color: #000000;
	border-radius: 10px;
	opacity: 0.5;
    color: white;
    overflow: hidden;
    margin-top: 240px;
}
.clothing .center .clothing_bottm .fl>div:nth-child(1) span p{
    margin-left: 10px;
    line-height: 24px;
}
.clothing .center .clothing_bottm .fl>div:nth-child(1) span p:nth-child(1){
    font-size: 24px;
    margin-top: 10px;
}
.clothing .center .clothing_bottm .fl>div:nth-child(1) span p:nth-child(2){
    font-size: 14px;
}
.clothing .center .clothing_bottm .fl ul{
    box-sizing: border-box;
    width: 260px;
    height: 130px;
    padding: 15px 15px 15px 15px;
    background-color: white;
}
.clothing .center .clothing_bottm .fl ul li{
    float: left;
    width: 70px;
	height: 24px;
    border: 1px solid;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}
.clothing .center .clothing_bottm .fl ul li:nth-child(-n+6){
    margin-bottom: 19px;
}
.clothing .center .clothing_bottm .fl ul li:nth-child(3n+1){
    margin-right: 10px;
}
.clothing .center .clothing_bottm .fl ul li:nth-child(3n){
    margin-left: 10px;
}
.clothing .center .clothing_bottm .fr{
    width: 925px;
}
#bannerInner11{
    position: relative;
}
.clothing .center .clothing_bottm .fr .fl_fl .pptbox .rollout{
    width: 455px;
	height: 0px;
	opacity: 0.53;
    background-color: black;
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: white;
    line-height: 50px;
    font-size: 18px;
    overflow: hidden;
    transition: all .6s;
}
.clothing .center .clothing_bottm .fr .fl_fl .pptbox:hover .rollout{
    height: 50px;
}
.clothing .center .clothing_bottm .fr .fl_fl{
    float: left;
}
.clothing .center .clothing_bottm .fr .fr_fr{
    float: right;
    width: 455px;
	height: 460px;
}
.clothing .center .clothing_bottm .fr .fl_fl div:nth-child(2){
    width: 455px;
	height: 150px;
    background: url(../imgs/ias_156859683654904_570x273_90.jpg) no-repeat;
    margin-top:10px ;
}
.clothing .center .clothing_bottm .fr .fr_fr div{
    width: 220px;
	height: 220px;
    background-color: white !important;
    box-sizing: border-box;
    padding: 14px 20px 10px 20px;
    text-align: center;
}
.clothing .center .clothing_bottm .fr .fr_fr div:nth-child(-n+2){
    margin-bottom: 20px;
}
.clothing .center .clothing_bottm .fr .fr_fr div:nth-child(odd){
    margin-right: 10px;
    float: left;
}
.clothing .center .clothing_bottm .fr .fr_fr div:nth-child(even){
    float: right;
}
.clothing .center .clothing_bottm .fr .fr_fr div p:nth-child(1){
    font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #333333;
}
.clothing .center .clothing_bottm .fr .fr_fr div p:nth-child(2){
    font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #333333;
}
/* 服装区2 */
.clothing2 .center .triangle{
    border-left: 156px solid #7a45e5 !important;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #7a45e5 !important;
}
.clothing2 .center .quadrangle{
    background-color: #7a45e5;
}
.clothing2 .center .fr>a:hover::after{
    background-color: #7a45e5;
}
.clothing2 .center .fr a:hover{
    color: #7a45e5;
}
/* 服装区3 */
.clothing3 .center .triangle{
    border-left: 156px solid #f770cf !important;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #f770cf !important;
}
.clothing3 .center .quadrangle{
    background-color: #f770cf;
}
.clothing3 .center .fr>a:hover::after{
    background-color: #f770cf;
}
.clothing3 .center .fr a:hover{
    color: #f770cf;
}
/* 服装区4 */
.clothing4 .center .triangle{
    border-left: 156px solid #00b262 !important;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #00b262 !important;
}
.clothing4 .center .quadrangle{
    background-color: #00b262;
}
.clothing4 .center .fr>a:hover::after{
    background-color: #00b262;
}
.clothing4 .center .fr a:hover{
    color: #00b262;
}
/* 底部导航栏 */
.tabbar{
    background-color: white;
    margin-top: 58px;
    overflow: hidden;
    padding-bottom: 49px;
}
.tabbar .center ul:nth-child(1){
    margin: 48px 0px 30px 20px;
}
.tabbar .center ul:nth-child(1) li{
    box-sizing: border-box;
    width: 290px;
    height: 66px;
    float: left;
}
.tabbar .center ul:nth-child(1) li:nth-child(-n+3){
    border-right: 2px solid #dadada;
}
.tabbar .center ul li .safeguard{
    margin-left: 15px;
}
.tabbar .center ul li .safeguard p:nth-child(1){
    font-size: 20px;
	font-weight: bold;
	color: #333333;
    line-height: 36px;
}
.tabbar .center ul li .safeguard p:nth-child(2){
    font-size: 14px;
	font-weight: normal;
	color: #9f9f9f;
    line-height: 24px;
}
.tabbar .center hr{
    width: 1160px;
    margin: auto;
    margin-bottom: 30px;
}
.tabbar .center ul:nth-child(1) li:nth-child(n+2) img{
    margin-left: 20px;
}
.tabbar .center ul:nth-child(n+3){
    float: left;
    margin-right: 50px;
    margin-left: 30px;
}
.tabbar .center ul:nth-child(n+4){
    float: left;
    margin-right: 70px;
}
.tabbar .center ul:nth-child(n+3) li:nth-child(1){
    font-size: 18px;
	font-weight: bold;
	color: #333333;
    margin-bottom: 17px;
}
.tabbar .center ul:nth-child(n+3) li:nth-child(n+2){
    font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #808080;
}
.site{
    margin-top: 12px;
}
.site .center p{
    font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	color: #808080;
    text-align: center;
}
.site .center .copyright{
    width: 560px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 21px;
}
/* 搜索框滑出 */
.head_navigation{
    width: 100%;
    height: 60px;
    border: 2px solid #ff9c00;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: none;
}
.head_navigation .clearfix{
    width: 900px;
}
.head_navigation .clearfix input:nth-child(1){
    width: 430px;
	height: 35px;
    border: 2px #feb80f solid;
    outline: none;
}
.head_navigation .clearfix input:nth-child(2){
    height: 35px;
    border: 2px #feb80f solid;
    background-color: #feb80f ;
    background-size: auto;
    margin-right: 13px;
}
.head_navigation .clearfix span{
    width: 130px;
	height: 35px;
    display: inline-block;
    border: 1px solid #dadada;
    border-radius:5px ;
    margin-left: 17px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
}
.head_navigation .clearfix span:nth-child(3){
    color: #feb80f;
}
.head_navigation .clearfix span:nth-child(3) img{
    height: 20px;
}
.head_navigation .clearfix span:nth-child(4){
    color: #dadada;
}
/* 侧边导航 */
.side_navigation{
    position: fixed;
    top: 40%;
    left: 100px;
}
.side_navigation li{
    width: 35px;
	height: 35px;
    background-color: white;
    margin-bottom: 13px;
    background-image: url(../imgs/fix_box_icon_160622.png);
}
.side_navigation li:nth-child(1){
   background-position: -1px -201px;
}
.side_navigation li:nth-child(2){
    background-position: -1px -161px;
}
.side_navigation li:nth-child(3){
    background-position: -1px -81px;
}
.side_navigation li:nth-child(4){
    background-position: -1px 0px;
}
.side_navigation li:nth-child(5){
    background-position: -1px -323px;
}
.side_navigation li:nth-child(6){
    background-position: -1px -245px;
}
 